<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>519消防网</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="/plugins/layui/css/layui.css?v=<?php echo time()?>" rel="stylesheet">
    <link href="/css/home/base.css?v=<?php echo time()?>" rel="stylesheet">
    <link href="/css/home/member.css?v=<?php echo time()?>" rel="stylesheet">
</head>
<body>

@include('home.common.header')
<div class="menu">
    <a href="{{url('/')}}">首页</a> > <a href="{{url('/member')}}">个人中心</a>
</div>
<div class="warp member">
    @include('home.common.left')
    <div class="job">
        <div class="job-item" id="job1" style="overflow:hidden;background: #fff;padding: 15px;">
            <div style="font-size: 18px;height:35px;border-bottom: 1px solid #f5f5f5">基本信息</div>
            <form class="layui-form" action="">
                <div class="layui-form-item" style="margin-top: 30px">
                    <label class="layui-form-label">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入姓名"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>

                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="男" title="男" checked="">
                        <input type="radio" name="sex" value="女" title="女">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">工作经验：</label>

                    <div class="layui-input-inline">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder=""
                               class="layui-input">
                    </div>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="无工作经验">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">居住地址：</label>

                    <div class="layui-input-inline">
                        <select name="quiz1">
                            <option value="">请选择省</option>
                            <option value="浙江" selected="">浙江省</option>
                            <option value="你的工号">江西省</option>
                            <option value="你最喜欢的老师">福建省</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="quiz2">
                            <option value="">请选择市</option>
                            <option value="杭州">杭州</option>
                            <option value="宁波" disabled="">宁波</option>
                            <option value="温州">温州</option>
                            <option value="温州">台州</option>
                            <option value="温州">绍兴</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="quiz3">
                            <option value="">请选择县/区</option>
                            <option value="西湖区">西湖区</option>
                            <option value="余杭区">余杭区</option>
                            <option value="拱墅区">临安市</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入手机号"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入邮箱"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;margin-top: 30px">
                    <button class="layui-btn layui-btn-sm"
                            style="background: #DD4517;border-radius: 20px;padding: 0 20px;">保存
                    </button>
                    <button class="layui-btn layui-btn-sm"
                            style="margin-left:50px;border:1px solid #666;background:#fff;color:#333;border-radius: 20px;padding: 0 20px;">
                        取消
                    </button>
                </div>
            </form>
        </div>
        <div class="job-item"  id="job2" style="overflow:hidden;background: #fff;padding: 15px;margin-top: 10px">
            <div style="font-size: 18px;height:35px;border-bottom: 1px solid #f5f5f5">求职意向</div>
            <form class="layui-form" action="">
                <div class="layui-form-item" style="margin-top: 30px">
                    <label class="layui-form-label">目前状态：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <select name="quiz1">
                            <option value="1">请选择</option>
                            <option value="2" selected="">目前处于离职状态，随时可以上班</option>
                            <option value="3">目前处于在职状态，需离职</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">期望职位：</label>

                    <div class="layui-input-inline">
                        <select name="quiz1">
                            <option value="" selected="">请选择职位：</option>
                            <option value="浙江">浙江省</option>
                            <option value="你的工号">江西省</option>
                            <option value="你最喜欢的老师">福建省</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">期望行业：</label>

                    <div class="layui-input-inline">
                        <select name="quiz1">
                            <option value="" selected="">请选择行业</option>
                            <option value="浙江">浙江省</option>
                            <option value="你的工号">江西省</option>
                            <option value="你最喜欢的老师">福建省</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">期望薪资：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入手机号"
                               class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="text-align: center;margin-top: 30px">
                    <button class="layui-btn layui-btn-sm"
                            style="background: #DD4517;border-radius: 20px;padding: 0 20px;">保存
                    </button>
                    <button class="layui-btn layui-btn-sm"
                            style="margin-left:50px;border:1px solid #666;background:#fff;color:#333;border-radius: 20px;padding: 0 20px;">
                        取消
                    </button>
                </div>
            </form>
        </div>

        <div class="job-item"  id="job3" style="overflow:hidden;background: #fff;padding: 15px;margin-top: 10px">
            <div style="height:35px;border-bottom: 1px solid #f5f5f5">
                <div style="float: left;font-size: 18px;"> 工作经验</div>
                <div style="float: right;margin-right: 15px;color: #666;cursor: pointer"> +添加工作经验</div>
            </div>
            <form class="layui-form" action="">
                <div class="layui-form-item" style="margin-top: 30px">
                    <label class="layui-form-label">公司名称：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="公司名称"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">职位名称：</label>

                    <div class="layui-input-inline" style="width: 360px">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="职位名称"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">薪&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;资：</label>

                    <div class="layui-input-inline">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="0"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">在职时间：</label>

                        <div class="layui-input-inline">
                            <input type="text" name="price_min" placeholder="" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-input-inline">
                            <input type="text" name="price_max" placeholder="" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">工作内容：</label>

                    <div class="layui-input-block">
                        <textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
                    </div>
                </div>


                <div class="layui-form-item" style="text-align: center;margin-top: 30px">
                    <button class="layui-btn layui-btn-sm"
                            style="background: #DD4517;border-radius: 20px;padding: 0 20px;">保存
                    </button>
                    <button class="layui-btn layui-btn-sm"
                            style="margin-left:50px;border:1px solid #666;background:#fff;color:#333;border-radius: 20px;padding: 0 20px;">
                        取消
                    </button>
                </div>
            </form>
        </div>


    </div>

</div>


@include('home.common.footer')
<script src="/plugins/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
                , layer = layui.layer
                , layedit = layui.layedit
                , laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');

        //自定义验证规则
        form.verify({
            title: function (value) {
                if (value.length < 5) {
                    return '标题至少得5个字符啊';
                }
            }
            , pass: [/(.+){6,12}$/, '密码必须6到12位']
            , content: function (value) {
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(switchTest)', function (data) {
            layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function (data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });

        //表单初始赋值
        form.val('example', {
            "username": "贤心" // "name": "value"
            , "password": "123456"
            , "interest": 1
            , "like[write]": true //复选框选中状态
            , "close": true //开关状态
            , "sex": "女"
            , "desc": "我爱 layui"
        })


    });
</script>
</body>
</html>